<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" />
    <title>商品详情</title>
    <link rel="stylesheet" href="./css/ItemDetails.css">
    <link rel="stylesheet" href="./font_2481939_cgiqmkfadol/iconfont.css">
</head>

<body>
    <div class="right-fixed">
        <ul class="right-fixed-list">
            <a href="personal.html">
                <li>
                    <span></span>
                </li>
            </a>
            <li>
                <a href="cart.html">
                    <span></span>
                    <span>购
                        <br>
                        &emsp;&nbsp;物
                        <br>
                        &emsp;&nbsp;车</span>
                </a>
            </li>
            <li>
                <span></span>
            </li>
            <li>
                <span></span>
            </li>
            <li>
                <span></span>
            </li>
            <li>
                <span></span>
            </li>
            <li>
                <span></span>
            </li>
        </ul>
    </div>
    <!-- 头部 -->
    <div class="top">
        <div class="top-box">
            <div class="top-left">
                <span>
                    <img src="http://p1.global.jmstatic.com/assets/global/smalllogo.png" alt="">
                </span>&emsp;&emsp;
                <span>请登录</span>&emsp;
                <span>快速注册</span>
            </div>
            <div class="top-right">
                <span>订单查询</span>
                <span>
                    <s></s>
                    收藏的品牌</span>
                <div class="my">
                    <span>我的聚美v</span>
                    <ul class="my-list">
                        <a href="">
                            <li>我的订单</li>
                        </a>
                        <a href="">
                            <li>我的现金券</li>
                        </a>
                        <a href="">
                            <li>我的红包</li>
                        </a>
                        <a href="">
                            <li>我的余额</li>
                        </a>
                        <a href="">
                            <li>我的提现退款</li>
                        </a>
                        <a href="">
                            <li>我的收藏</li>
                        </a>
                        <a href="">
                            <li>我的心愿单</li>
                        </a>
                        <a href="">
                            <li>会员中心</li>
                        </a>
                        <a href="">
                            <li>礼品卡兑换</li>
                        </a>
                    </ul>
                </div>
                <span>
                    <i></i>手机聚美</span>
                <div class="more">
                    <span>更多v</span>
                    <ul class="more-list">
                        <a href="">
                            <li>邀请好友</li>
                        </a>
                        <a href="">
                            <li>加入收藏</li>
                        </a>
                        <a href="">
                            <li>新浪微博</li>
                        </a>
                        <a href="">
                            <li>聚美微信</li>
                        </a>
                        <a href="">
                            <li>百度贴吧</li>
                        </a>
                        <a href="">
                            <li>腾讯微博</li>
                        </a>
                        <a href="">
                            <li>人人公众主页</li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- logo部分 -->
    <div class="logo-bigbox">
        <div class="logo-box">
            <img src="http://a1.global.jmstatic.com/c3a6d73c1350f916/home_logo.png" alt="">
            <a href="cart.html">
                <div class="logo-right">
                    <span>去购物车结算</span>
                </div>
            </a>
        </div>
    </div>
    <!-- 商品详情 -->
    <div style="position: relative;margin: 0 auto;">
        <div class="Details auto clearfix">
            <div class="smlimg">
                <div class="smlbox">
                    <!-- <img src="http://img3m5.ddimg.cn/28/13/23526685-1_w_15.jpg" alt=""> -->
                    <img src="" alt="">
                    <span></span>
                </div>
                <div style="width: 375px; overflow: hidden; padding-left: 56px;">
                    <ul class="magnifier">
                        商品图片的列表
                    </ul>
                </div>
                <div class="btns">
                    <input type="button" class="iconfont" value="&#xe60e;" id="left">
                    <input type="button" class="iconfont" value="&#xe62e;" id="right">
                </div>
                <div class="share">
                    <a href="#" style="text-decoration: none;">
                        <span class="iconfont" >&#xe6a7;分享</span>
                    </a>
                    <a href="#" style="text-decoration: none;">
                        <span class="iconfont">&#xe613;收藏宝贝</span>
                    </a>
                </div>
            </div>
            <div class="bigimg">
                <!-- <img src="http://img3m5.ddimg.cn/28/13/23526685-1_w_15.jpg" alt=""> -->
                <img src="" alt="">
            </div>
            <div class="comm_Details">
                <div class="comm_Details_title">
                    <h4 class="title_text"></h4>
                    <p class="publishing">
                        <!-- <a href="#">青岛出版社</a> 编 <a href="#">英国北方旅行出版公司 编 </a> 著 -->
                    </p>
                </div>
                <div class="comm_Details_cont" style="background:white">
                    <div class="Details_cont_head"  style="color:red">
                        <i class="iconfont" style="color:red">&#xe600;</i>
                        <span  style="color:#666">直降</span>
                        <b >距离活动结束 86天</b>
                    </div>
                    <div class="comm_Details_price"  style="color:#666">
                        <label style="color: #666" >活动价</label>
                        <span class="price" style="color: red">￥<em></em></span>
                        <span class="_price"style="color: red" >￥<em>178.00</em></span>
                    </div>
                    <div class="Discount" style="color:red">
                        <b for="" style="color: #666;font-weight: normal;">优惠券</b>
                        <span style="color: red;position: absolute; top: 0px;" >满5-5</span>
                        <span class="iconfont"style="color: red">更多优惠券 &#xe62f;</span>
                    </div>
                </div>
                <div class="area">
                    <ul>
                        <li class="area_li">
                            <label for="" class="area_left">配送至</label>
                            <div class="area_cen">
                               <select name="" id=""style="margin-top: 12px;width: 140px;">
                                   <option value="" selected>北京</option>
                                   <option value="">上海</option>
                                   <option value="">广州</option>
                                   <option value="">深圳</option>
                               </select>
                            </div>
                            <label for="" class="area_right">该地区有货</label>
                        </li>
                    </ul>
                </div>
                <div class="numBtns">
                    <ul>
                        <li class="Quantity">
                            <label for="">数量</label>
                            <span class="Less fl" style="float: left;">-</span>
                            <span class="num fl"style="float: left;">1</span>
                            <span class="push fl"style="float: left;">+</span>
                        </li>
                        <li class="purchase">
                            <a id="">
                                <i style="display:none">
                                    <span></span>
                                </i>
                                <button class="join">加入购物车</button>
                            </a>
                            <button class="buy">立即购买</button>
                            <span class="join_span">请先登录</span>
                            <span class="buy_span">商品库存不足，请选择其他商品</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-box">
        <div class="footer-copy">
            <p>© 2013 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。客服热线：400-011-0888</p>
            <p>京公网安备 11010102001226 | 京ICP证111033号 | 食品流通许可证 SP1101051110165515（1-1） | 营业执照</p>
            <div class="footer">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
</body>
<script src="./libs/require.js" data-main="./js/detailMain.js"></script>
<script src="./js/ajax.js"></script>

</html>